<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>旅游详情</title>
    <!-- css引入 -->
    <link rel="stylesheet" href="less/dist/style.css">
    <link rel="stylesheet" href="less/dist/tarvelDetail.css">
    <link rel="stylesheet" href="less/dist/swiper.min.css">
    <!-- js插件引入 -->
    <script src="js/swiper.min.js"></script>
    <script src="js/flexible.js"></script>
    <script src="js/iscroll.min.js"></script>
    <script src="js/zepto.js"></script>
    <script src="js/zepto.touch.js"></script>
    
</head>
<body>
    <!-- 旅游详情头部 -->
    <header>
        <div class="wrap">
            <!-- 旅游详情返回按钮 -->
            <a href="javascript:window.history.go(-1)"></a>
            <a>产品详情</a>
            <div class="wrap-right">
                <img src="images/icon/share.png" alt="">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
    </header>

    <main>
        <div class="container">
            <div class="banner">
                <a href=""><img src="images/img/banner-detail0412_01.jpg" alt=""></a>
                <div class="banner-title">
                    <div>
                        <span>北京出发</span>
                        <span>丨</span>
                        <span>i 旅行</span>
                    </div>
                    <div>
                        <span>编号:</span>
                        <span>11037168</span>
                    </div> 
                </div>
            </div>
            <div class="content-title">
                <p>海南三亚5日4晚半自助游(5钻)【壕减3000】喜来登品牌海景房</p>
                <img src="images/icon/diamond.png" alt="">
                <div class="money">
                    <a>
                      <span>¥</span>
                      <span class="num">2810</span>
                      <span class="string">/人起</span>
                    </a>
                    <div>
                        <p><a>旅游狂欢趴</a></p>
                        <p><a>三亚湾</a></p>
                        <p><a>蜈支洲岛</a></p>
                    </div>
                  </div>
            </div>
            <div class="discounts">
                <div class="sale-left">
                    <div class="sale-item sale-sec">
                        <span class="btn-red">立减</span>
                        <div class="item">
                            <span>多人优惠，2人起立减200元/单</span>
                            <span>【提前5天预定，5成人，优惠300/单】  3/01-4/30</span>
                        </div>
                    </div>
                    <div class="sale-item">
                        <span id="btn-bg" class="btn-red">优惠</span>
                        <div class="item">
                            <span>勾搭去旅游限时优惠券</span>
                            <span>【攻略专享】旅游优惠券</span>
                        </div>
                    </div>
                </div>
                <div class="sale-right">
                    <a href="#">></a>
                </div>
            </div>
            <!--评论开始-->
			<section class="discuss">
					<div class="dis-hed">
						<span class="score"><em>4.9</em>分点评</span>
						<i>|</i>
						<span><em>1126</em>人游览</span>
						<div class="dis-item">
							<span>导游讲解4.8分</span>
							<span>领队服务4.7分</span>
							<span>行程安排4.6分</span>
							<br />
							<span>行程安排4.6分</span>
							<span>好评率98%</span>
						</div>
					</div>
					<ul class="dis-list">
						<li style="display: block;">
							<div class="dis-des clearfix">
								<span class="dis-name">
							思****209
						</span>
								<span class="dis-time">
							2016-12-01
						</span>
							</div>
							<p class="dis-detail">
								凌晨到达的，住宿很满意，导游十分负责人。这次旅行还是很尽兴的，三亚很美，蜈支洲岛很仙。王导还自掏腰包供应水和吃水果，感谢！
							</p>
						</li>
						<li class="dis-in">
							<div class="dis-des clearfix">
								<span class="dis-name">
							思****209
						</span>
								<span class="dis-time">
							2016-12-01
						</span>
							</div>
							<p class="dis-detail">
								凌晨到达的，住宿很满意，导游十分负责人。这次旅行还是很尽兴的，三亚很美，蜈支洲岛很仙。王导还自掏腰包供应水和吃水果，感谢！
							</p>
						</li>
						<li class="dis-in">
							<div class="dis-des clearfix">
								<span class="dis-name">
							思****209
						</span>
								<span class="dis-time">
							2016-12-01
						</span>
							</div>
							<p class="dis-detail">
								凌晨到达的，住宿很满意，导游十分负责人。这次旅行还是很尽兴的，三亚很美，蜈支洲岛很仙。王导还自掏腰包供应水和吃水果，感谢！
							</p>
						</li>
					</ul>
					<a class="dis-btn" href="javascript:;">查看全部评论</a>
            </section>
            <!--Tab 内容-->
			<section class="content">
					<nav class="content-top">
						<ul>
							<li class="nav-active">产品特色</li>
							<li>行程详情</li>
							<li>预订须知</li>
						</ul>
					</nav>
					<section class="tab-panel">
						<div class="content-bd" style="display: block;">
							<a href="#">
								<img src="images/img/detail_nav0417_03.jpg" alt="" /><img src="images/img/detail_nav0417_04.jpg" alt="" /><img src="images/img/detail_nav0417_05.jpg" alt="" /><img src="images/img/detail_nav0417_06.jpg" alt="" /><img src="images/img/detail_nav0417_07.jpg" alt="" />
							</a>
						</div>
						
					</section>
            </section>
        </div>
    </main>
    <!--底部开始-->
    <footer>
            <div>
                <a href=""><img class="love" src="images/icon/heart.png"></a>
                <a href=""><img class="add" src="images/icon/plus.png"></a>
                <a href=""><img class="phone" src="images/icon/Online_Support.png"></a>
            </div>
            <span class="btn-orange">开始预订</span>
    </footer>  
    <script src="js/travelDetail.js"></script>
</body>
</html>